<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>TEMP</title>
    <link rel="shortcut icon" type="image/x-icon" href="../img/enjoy-3.png">
    <link rel="stylesheet" type="text/css" href="../lib/bootstrap-3.3.7/dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../lib/font-awesome-4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="../css/footer-bar.css">
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        section {
            width: 100%;
        }
        .row {
            width: 100%;
            margin: 0;
        }
        .col-xs-12 {
            width: 100%;
            padding: 0;
        }
        .login {
            font-size: 32px;
            font-weight: 500;
            margin: 30px 20px 10px;
        }
        .login-text {
            margin-left: 20px;
        }
        form {
            margin: 40px 15px 20px;
        }
        .login-btn {
            width: 100%;
        }
        .login-other {
            margin: 40px auto;
            text-align: center;
        }
        .weixin {
            color: #00AA88;
        }
        .qq {
            color: #00b3ee;
        }
    </style>
</head>
<body>
<section>
    <div class="row">
        <div class="col-xs-12">
            <p class="login">登录</p>
        </div>
        <div class="col-xs-12">
            <p class="login-text">欢迎登录ENJOY。若无账号
                <a href="register.html" class="login-register">立即注册</a>
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12">
            <form>
                <div class="form-group">
                    <input type="text" class="form-control" id="user" placeholder="手机号/用户名/邮箱">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" id="password" placeholder="密码">
                </div>
                <button type="submit" class="btn btn-default login-btn">登录</button>
            </form>
        </div>
    </div>
    <div class="row login-other">
        <div class="col-xs-6">
            <i class="fa fa-wechat fa-lg weixin"></i>
            <span>微信登录</span>
        </div>
        <div class="col-xs-6">
            <i class="fa fa-qq fa-lg qq"></i>
            <span>QQ登录</span>
        </div>
    </div>
</section>
</body>
<script src="../lib/jquery/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../lib/bootstrap-3.3.7/dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/footer-bar.js"></script>
</html>